﻿*{margin: 0; padding: 0;}
body{font:14px/1.4rem "微软雅黑";}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none;}

/*清浮动*/
.clear{
    clear:both;
}

/*首页轮播*/
.area{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    height: 450px;
}
.js{
    position: relative;
    width:100%;
    height:450px;
    margin:0 auto;
    min-width: 1180px;
}
.js .box01 img{
    width: 1920px;
    height: 450px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
.prevBtn{
    background:url("../images/icon-slides.png") no-repeat;
    display: inline-block;
    width: 34px;
    height: 60px;
    text-indent: -9999em;
    overflow: hidden;
    position:absolute;
    top: 50%;
    margin-top: -30px;
    background-position: -87px center
}
.prevBtn:hover{
    background:url("../images/icon-slides.png") no-repeat;
    background-position: 0px center

}
.nextBtn {
    background:url("../images/icon-slides.png") no-repeat;
    display: inline-block;
    width: 34px;
    height: 60px;
    text-indent: -9999em;
    overflow: hidden;
    position:absolute;
    top: 50%;
    margin-top: -30px;
    right:0;
    background-position: -125px center;
}
.nextBtn:hover{
    background:url("../images/icon-slides.png") no-repeat;
    background-position: -37px center
}
.imgSelected {
   /* background: url("../images/jsnav.png") no-repeat;*/
}
.jsNav{
    position:absolute;
    left:0;
    right: 0;
    top:90%;
    text-align: center;
}
.jsNav a{
    width:30px;
    height: 2px;
    background-color: #efefef;
    margin-right:6px;
    display:inline-block;
    line-height:33px;
    text-align:center;
    color:#fff;
}
.jsNav a:hover{
    background-color: #cc0000;
    text-decoration:none;
}
.jsNav .imgSelected {
    background-color: #cc0000;
}
.qq{
    display:none;
    z-index:200;
}

.center{
    width: 1190px;
    margin: 0 auto;
}
/*专利类型*/
.zllx {
    width: 100%;
    height: auto;
    background-color: #fafbff;
    padding: 64px 0;
}
p.zl_title{
    text-align: center;
    margin-bottom: 60px;
}
.zllx ul{
    overflow: hidden;
}
.zllx ul li{
    float: left;
    width: 33.33%;
    text-align: center;
}
.zllx ul li a{
    font-size: 20px;
    color: #333;
}
.zllx ul li a p{
    line-height: 45px;
}
/*.zllx ul li a img{*/
    /*-webkit-transition: -webkit-transform 0.6s ease-out;*/
    /*-moz-transition: -moz-transform 0.6s ease-out;*/
    /*transition: transform 0.6s ease-out;*/
/*}*/
/*.zllx ul li a:hover img{*/
    /*transform: rotate(360deg);*/
    /*-ms-transform: rotate(360deg); 		!* IE 9 *!*/
    /*-webkit-transform: rotate(360deg);	!* Safari 和 Chrome *!*/
    /*-moz-transform: rotate(360deg);		!* Firefox *!*/
    /*-o-transform: rotate(360deg);		!* Opera *!*/
/*}*/

.zllx ul li a.zl_img01:hover p{
    color: #3e7afe;
}

.zllx ul li a.zl_img02:hover p{
    color: #fea500;
}

.zllx ul li a.zl_img03:hover p{
    color: #01c0fc;
}

.zlhy {
    width: 100%;
    height: auto;
    padding: 64px 0;
}
.zlhy ul{
    overflow: hidden;
}
.zlhy ul li{
    float: left;
    width: 276px;
    text-align: center;
    border: 2px solid #929292;
    height: auto;
    margin-right: 20px;
    position: relative;
}
.zlhy ul li:nth-of-type(4n){
    margin-right: 0;
}
.zlhy ul li:first-child +li+li+li{
    margin-right: 0;
}

.zlhy ul li a .category_img{
	margin: -2px 0 0 -2px;
    height: 69px;
    width: 280px;
}
.zlhy ul li a .zlhy_img{
	padding: 30px 0 15px;
	
}
.zlhy ul li a .zlhy_img img{
	transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;
}
.zlhy ul li a .zlhy_img img:hover{
	transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;
}

.zlhy ul li a h4{
	font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    overflow:hidden	;/*溢出隐藏*/
    text-overflow:ellipsis;	/*溢出设定的宽度用....代替显示*/
    white-space:nowrap;/*强制不换行*/
}
.zlhy ul li a h4:hover{
	color: #afadad;
}
.zlhy ul li a p.fl{
	padding: 0 20px;
    font-size: 16px;
    color: #818181;
    overflow:hidden	;/*溢出隐藏*/
    text-overflow:ellipsis;	/*溢出设定的宽度用....代替显示*/
    white-space:nowrap;/*强制不换行*/
}

.zlhy ul li a p.fl span{
	color: #333;
}
.zlhy ul li a.ck{
	display: inline-block;
    border-radius: 25px;
    width: 150px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #69c7fb;
    text-align: center;
    color: #69c7fb;
    font-size: 14px;
    margin: 25px 0;
}
.zlhy ul li a.ck:hover{
    border: 2px solid #ffa33e;
    color: #ffa33e;
}

.zlhy ul li p.fgx{
    background-color: #dbdbdb;
    height: 2px;
    margin-top: 20px;
    width: 90%;
    text-align: center;
    margin-left: 5%;
}


.foot_box{
    padding:40px 0;
}
.foot_box ul{
    overflow: hidden;
}
.foot_box ul li{
    float: left;
    height: 67px;
    width:21%;
    padding: 0 1.5%;
}
.foot_box ul li .icn{
    width: 67px;
    height: 67px;
    float: left;
    margin-right: 12px;
}
.foot_box ul li .icn img{
    width: 67px;
    height: 67px;
    float: left;margin-right: 14px;
    transition:All 0.6s ease-in-out;
    -webkit-transition:All 0.6s ease-in-out;
    -moz-transition:All 0.6s ease-in-out;
    -o-transition:All 0.6s ease-in-out;
}
.foot_box ul li .icn img:hover{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
}
.foot_box ul li h4{
    /*margin-top:13px;*/
    margin-bottom:6px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    overflow:hidden	;/*溢出隐藏*/
    text-overflow:ellipsis;	/*溢出设定的宽度用....代替显示*/
    white-space:nowrap;/*强制不换行*/
}
.foot_box ul li p{
    font-size: 14px;
    color: #818181;
    overflow:hidden	;/*溢出隐藏*/
    text-overflow:ellipsis;	/*溢出设定的宽度用....代替显示*/
    white-space:nowrap;/*强制不换行*/
}












